$(function () {
  $('#btnChooseImg').on('click', function () {
    $('#file').click()
  })
  let file = null
  // 监听文件选择框的 change 事件
  $('#file').on('change', function (e) {
    const files = e.target.files
    if (files.langth === 0) {
      file = null
      return
    }
    file = files[0]
    const imgURL = URL.createObjectURL(files[0])
    $('#image').attr('src',imgURL)
  })

  $('#btnUploadImg').on('click', function () {
    if (!file) {
      layer.msg("请先选择要上传的图片")
      return
    }
    // 把用户选择的图片文件,转换为 baes64 格式      
    // 调用axios发起请求上传头像
    // 如果头像上传成功 应该重新加载副页面
    const fr = new FileReader()
    fr.readAsDataURL(file)
    fr.addEventListener('load', function () {
      axios.patch('/my/update/avatar', {
        avatar:fr.result
      }).then(({ data: res }) => {
        if (res.code === 0) {
          layer.msg('更新头像成功',{icon:1})
          window.parent.initUserInfo()
        }
      })
    })
  })
})
